/**
 * 添加拦截器：
 *  拦截request请求
 *  拦截uploadFile文件上传
 *  TODO
 *  1.拼接前端请求地址
 *  2.请求超时
 *  3.添加小程序请求头标识
 *  4.添加token请求头标识
 */
import { useMemberStore } from '@/stores'

const baseURL = 'http://localhost:8080/ktmall/uni' //后端请求地址
//添加拦截器(用于拦截所有请求)
const httpInterceptor = {
  //1.拦截前触发 UniApp.RequestOptions为当前请求对象
  invoke(options: UniApp.RequestOptions) {
    //拼接完成请求地址 https:localhost:8080/ktmall/uni/+options.url
    options.url = baseURL + options.url
    //2.添加请求超时为60秒
    options.timeout = 60 * 1000
    //3.添加小程序请求头标识
    options.header = {
      //...options.header用于获取uni.request({header:{}})中添加的请求头
      ...options.header,
      //在原有的请求头标识的基础上添加source-client标识(本次请求的来源是minapp)
      'source-client': 'minapp',
    }
    //4.添加token请求头标识
    //memberStore用来接收调用useMemberStore()事件的返回的值
    const memberStore = useMemberStore()
    //profile后面的?表示如果profile对象为undefined时，不会执行token代码
    const token = memberStore.profile?.token
    if (token) {
      //将token添加到请求头中，请求参数为Authorization
      options.header.Authorization = token
    }
  },
}
//添加请求拦截器，用于拦截所有request请求
uni.addInterceptor('request', httpInterceptor)

//在TypeScript中interface表示接口，与java中的接口概念类似，它定义了对象具有的属性。
interface Data<T> {
  //Data为接口名，<T>为接口的泛型，其中T表示任意类型。
  code: number //状态码，常见的状态码有：200、404、500
  msg: string //响应的消息
  result: T //响应的结果
}

//2.2添加类型，支持泛型，UniApp.RequestOptions为配置网络请求的选项。
export const http = <T>(options: UniApp.RequestOptions) => {
  //1.返回Promise对象,将Data接口作为类型来使用
  return new Promise<Data<T>>((resolve, reject) => {
    uni.request({
      //发送异步请求时，会被拦截器拦截。
      ...options, //解构出options中的url、method、data等请求参数
      success(res) {
        //状态码2xx,axios就是这样设计的
        if (res.statusCode >= 200 && res.statusCode < 300) {
          //2.1提取核心数据res.data
          resolve(res.data as Data<T>)
        } else {
          //其他错误 ->根据后端错误信息进行提示
          uni.showToast({
            icon: 'none',
            title: (res.data as Data<T>).msg || '请求错误',
          })
          reject(res)
        }
      },
      //响应失败
      fail(err) {
        uni.showToast({
          icon: 'none',
          title: '网络错误，换个网络试试',
        })
        reject(err)
      },
    })
  })
}
